<!DOCTYPE html>
<html lang="en">
    <head>
        <title>小佳登陆</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <link rel="stylesheet" href="../bower_components/weui.css"/>
        <link rel="stylesheet" href="../src/stylesheets/screen.css">
        <script src="../bower_components/jquery/dist/jquery.min.js"></script>
    </head>
    <body>
        <div class="wapper">
            <!-- 头部 -->
            <!-- logo -->
            <div class="logo-box">
                <span class="logo-img"></span>
                <h1 class="f14">小佳销售</h1>
            </div>
            <!-- 中间 -->
            <div class="weui-cells weui-cells_form">
                <!-- 手机号码 -->
                <div class="weui-cell ">
                    <div class="weui-cell__hd">
                        <label class="weui-label">手机号</label>
                    </div>
                    <div class="weui-cell__bd ">
                        <input class="weui-input" type="tel" placeholder="请输入手机号">
                    </div>
                    
                </div>
                <!-- 密码 -->
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <label class="weui-label">密码</label>
                    </div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="password"  placeholder="请输入您的密码"/>
                    </div>
                </div>
                <!-- 验证码刚开始是隐藏的 -->
                <div class="weui-cell weui-cell_vcode hide">
                    <div class="weui-cell__hd"><label class="weui-label">验证码</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" type="number" placeholder="请输入验证码"/>
                    </div>
                    <div class="weui-cell__ft">
                        <img class="weui-vcode-img" src="http://weixin.yoby123.cn/weuix/images/vcode.jpg" />
                    </div>
                </div>
            </div>
            <!-- 登陆 -->
            <div class="login-box">
                <button  class="weui-btn weui-btn_primary login-btn">   
                    登陆
                </button>
            </div>
            <!-- 底部链接 -->
            <div class="weui-footer">
                <p class="weui-footer__links">
                    <a href="forget_password.html" class="weui-footer__link">忘记密码</a>
                    <a href="problem.html" class="weui-footer__link">遇到问题</a>
                </p>
                <p class="weui-footer__text">Copyright &copy; 2015-2020 ajia</p>
            </div>
        </div>
    </body>
</html>